<template>
    <div class="mypaper">
        <mu-paper class="demo-paper" :zDepth="2" >
            <mu-appbar :title="'酒水点单：'+bxid">
                <mu-icon-button icon="arrow_back_ios" slot="left" @click="back"/>
                <mu-icon-menu icon="more_vert" slot="right">
                    <mu-menu-item title="菜单 1"/>
                    <mu-menu-item title="菜单 2"/>
                    <mu-menu-item title="菜单 3"/>
                    <mu-menu-item title="菜单 4"/>
                    <mu-menu-item title="菜单 5"/>
                </mu-icon-menu>
            </mu-appbar>
        </mu-paper>
    </div>
</template>

<script type="text/ecmascript-6">
  export default {
    data: function () {
      return {
      }
    },
    methods: {
      back () {
        history.go(-1)
      }
    },
    computed: {
      bxid () {
        return this.$store.state.bxid
      }
    }
  }
</script>


<style lang="stylus" rel="stylesheet/stylus">
    @import "../../common/stylus/components/header.styl"
    .header
        width 100%
        height 37px
        line-height 37px
        background #FF8C00
</style>
